﻿*{-webkit-font-smoothing: antialiased;cursor:default !important;}
*{font-family: "Helvetica", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;}
@media(max-width: 780px){
    .logo{display: none !important;}
    .mini_title{display: block !important;}
    .contrast{display:none;}
}
.sidebar-menu li a span{font-size:13px;}
.label, table, .box-body, .form-control{font-size:12px;}
.label{font-weight: normal;padding: 4px 10px;border-radius: 2px;}
.badge{font-weight: normal;}
h3{font-size:14px;}
.box-footer label.control-label{display: none;}

.skin-blue-light .main-header .navbar { background-color: #4285f4; }
.skin-blue-light .main-header .logo { background-color: #4285f4; }
.skin-blue-light .main-header .logo:hover { background-color: #4285f4; }
.main-header .navbar .sidebar-toggle:hover { background-color: #2196F3!important; }
.modal-body{word-wrap:break-word;}
.toast-top-right {top:56px !important;right:14px !important;}
#toast-container>div{padding: 10px 15px 6px 50px !important;}
.toast-message{font-size:12px !important;}
.toast{background-size:14px !important;}


.logo-lg:hover {
    -webkit-transform: scale(1.07) rotate(-1deg);
    -moz-transform: scale(1.07) rotate(-1deg);
}

.logo-lg{
    -webkit-animation-duration: 0.4s;
    -webkit-animation-name: acceleratedReveal;
}
.logo-lg{
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
}

    /* button */
/*.btn-primary{background-color: #4285f4 !important; border-color:#4285f4 !important;}*/
.btn{border:0 !important; border-radius: 2px !important;}
.btn-primary{background-color: #2196f3 !important;}
.btn.active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.pagination>.active>span{background-color:gray;border-color:gray;}
.pagination>.active>span:hover{background-color:gray;border-color:gray;}
video{padding:0px;border:4px solid #fff;}

.modal-header h4{font-size:14px; font-weight: 200;}
.modal-header,.modal-footer{padding:8px 20px;}
/*.modal-content{border-radius: 3px !important; width:300px;height:450px;}*/
.modal-body {height: 100%;font-size:12px;}
.modal-body p{font-size:14px;color:#607d8b;margin-top:8px;}
.modal-qrcode img{border: 0px solid #ddd;
    box-shadow: rgba(0, 0, 0, 0.498039) 0px 2px 3px 0px, rgba(255, 255, 255, 0.65098) 0px 1px 0px 0px inset;
    width:150px;
    padding:8px;
    background-color:#fff;
}
#modal-pay{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.6);
    z-index: 99999999;
}
.comment-text{font-size:12px;}
.box-body h2{font-size:13px; font-weight: normal;}
blockquote{font-family: "Operator Mono";font-size:12px;}

.popfeng-header {
    background-color: #e8e9eb;
    padding: 8px 36px;
    border-top: 1px solid #d2d2d3;
    border-radius: 6px;
    height: 119px;}

.popfeng-header .popfeng-shop-logo {
    padding: 0;
    border: 0;
    margin-top: -36px;
    width: 64px;
    height: 64px;
    border: 3px solid #fff;
    background-color: #fff;
    box-shadow: 0 0 0 1px rgba(0,0,0,.18), 0 2px 2px 0 rgba(0,0,0,.08);
    border-radius: 100%;}

.popfeng-header .popfeng-close {
    border: 0;
    width: 16px;
    float: right;
    margin-right: -26px;
    margin-top: 1px;
}
.popfeng-header p{
    color: rgb(91, 91, 101);
    font-size: 13px;
}
#total_fee{
    width: 100px;
    color: #f5f5f5;
    font-family: "Arial Black";
    background-color: #aaa;
    padding: 0 14px;
    border-radius: 3px;
    font-size:16px;
}

.modal-title{font-size:17px;color: #292b2c !important;}
#modal-title{    font-weight: bold; font-size: 16px; }
.modal-qrcode{padding-top:40px;    border-top: 1px solid #d2d2d3; }
.mono{font-family: "Operator Mono";}


.green{color:#4caf50;}
.center{text-align: center;}
.right{text-align: right;float:right;margin-left:8px;}
.left{text-align: left;}
.f10{font-size:10px !important;}
.f12{font-size:12px !important;}
.f13{font-size:13px !important;}
.f14{font-size:14px !important;}
.bold{font-weight:900;}
.fw300{font-weight:300;}
.normal{font-weight:normal;}
.yellow{color:yellow;}
.red{color:#ff5722;}
.blue{color:#4285f4;}
.gray{color:#666;}
.gray2{color:#999;}
.ccc{color:#ccc;}
.eee{color:#eee;}
.none{display: none;}
.noborder{border:0 !important;}

.xbtn{ font-size:12px;color:#ccc;font-weight:normal;border:1px solid #ccc;padding:0 4px;border-radius: 2px; }
.xbtn:hover{background-color:#607d8b;color:#fff;border:1px solid #607d8b;}

.coin span{font-size: 12px;margin-right:12px;}
.coin-gold{background: url(../images/gold.png) no-repeat left center;background-size:10px;padding-left:14px;}
.coin-silver{background: url(../images/silver.png) no-repeat left center;background-size:10px;padding-left:14px;}
.coin-copper{background: url(../images/copper.png) no-repeat left center;background-size:10px;padding-left:14px;}
.description-header{color:#4caf50; font-size:14px !important; font-weight:400 !important;}
h5{ font-size:12px !important; font-weight:400 !important;}
.blank{height:8px;margin:0;padding:0;}
pre{font-size:12px;font-family: "Operator Mono";margin:0;background-color:#607d8b;border:0;color:#fff;
    white-space: pre-wrap;
    word-wrap: break-word;}
p img{max-width: 500px !important; padding: 2px; border: 1px solid #ccc;}
.content-header>h1 { font-size: 18px !important; }
.sidebar-menu li a i{text-align: center; margin-right:2px;}

.article_user_img{ width:20px;border-radius:2px;padding:1px; border:1px solid #eee;}
.article_show_user_img { border:1px solid #eee; padding:1px;}
.user-panel{display: none;}
#rotate{
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 32s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 32s;
    -webkit-animation: rotate 32s linear infinite;
    -moz-animation: rotate 32s linear infinite;
    -o-animation: rotate 32s linear infinite;
    animation: rotate 32s linear infinite;
}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}
.wxa_tips{margin:20px;}
.txt {
    text-align: center;
    height: 40px;
    line-height: 40px;
    padding: 10px 20px 8px 20px;
    font-size:12px;
    color: #6b3612;
    background-color: #fff7e7;
    border-radius: 2px;
    box-shadow: 1px 1px 1px rgba(0,0,0,.2);
}
